|
HTML 5 + CSS3 原理與開發應用培訓
|
|
班級規模及環境--熱線:4008699035 手機:15921673576( 微信同號) |
每個班級的人數限3到5人,互動授課, 保障效果,小班授課。 |
上間和地點 |
上部份地點:【上海】同濟大學(滬西)/新城金郡商務樓(11號線白銀路站)【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學成教院【北京分部】:北京中山學院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領館區1號(中和大道)【沈陽分部】:沈陽理工大學/六宅臻品【鄭州分部】:鄭州大學/錦華大廈【石家莊分部】:河北科技大學/瑞景大廈 最近開間(周末班/連續班/晚班):2019年1月26日 |
實驗設備 |
◆小班教學,教學效果好 ☆注重質量☆邊講邊練 ☆合格學員免費推薦工作 ★實驗設備請點擊這兒查看★ |
質量保障 |
1、培訓過程中,如有部分內容理解不透或消化不好,可免費在以后培訓班中重聽; 2、培訓結束后,授課老師留給學員聯系方式,保障培訓效果,免費提供課后技術支持。 3、培訓合格學員可享受免費推薦就業機會。☆合格學員免費頒發相關工程師等資格證書,提升職業資質。專注高端技術培訓15年,端海學員的能力得到大家的認同,受到用人單位的廣泛贊譽,端海的證書受到廣泛認可。 |
部份程大綱 |
|
- 培訓目標:
了解HTML5的規范整體
了解標簽語言
了解如何使用表單
HTML5音頻和視頻播放
HTML5 APIs概述
采用HTML5 Canvas而不是SVG動態產生渲染圖形
使用HTML5 通訊APIs
HTML5 Web Sockets
HTML5 Web Workers
HTML5 Geolocation
HTML5存儲
CSS3.0控制原理與應用
JQuery Mobile
培訓內容:
HTML5 概述 HTML的發展史
HTML5的版本
WHATWG and W3C 規范
HTML5的新特性
HTML5能做什么
HTML5能做什么對HTML5和CSS3的支持
檢測瀏覽器對HTML 5的支持
HTML5 標簽語言
HTML5頁面結構
HTML5 DOCTYPE
根元素
字符編碼
HTML5新增的語義元素
(1)<header>
(2)<nav>
(3)<article>
(4)<footer>
(5)<section>
(6)<aside>
其他新增的元素
(1)<time>
(2)<mark>
(3)<figure>和<figcaption>
(4)<progress>
(5)<meter>
(6)<details>和<summay>
驗證HTML5頁面及顯示頁面大綱
驗證HTML5頁面及顯示頁面大綱
HTML5表單 HTML 4的困惑
HTML 5新增的輸入組件
(1)email 郵件輸入組件
(2)url 網址輸入組件
(3)number 數字輸入組件
(4)range 范圍輸入組件
(5)Date pickers (date, month, week, time, datetime, datetime-local) 日期系列輸入組件
(6)search 搜索輸入組件
(7)color 顏色輸入組件
(8)tel 電話輸入組件
HTML 5新增的輸入屬性
(1) autocomplete
(2) autofocus
(3) form
(4) form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
(5) height 和 width
(6) list
(7) min, max 和 step
(8) multiple
(9) pattern
(10) placeholder
(11) required
測試瀏覽器對HTML5表單元素的支持
HTML5的表單驗證
(1) 定制驗證錯誤消息
(2) 定制驗證顯示方式
(3) 取消驗證
HTML5 音頻和視頻播放
video元素及其屬性
視頻編解碼器
視頻轉換工具
各種瀏覽器支持些什么格式
舊瀏覽器的過渡解決方案
視頻與腳本--簡單的視頻播放器
音頻
采用HTML5 Canvas繪制圖形
<canvas>元素
檢查瀏覽器的支持情況
基本圖形繪制
(1) 畫線
(2) 矩形
(3) 曲線
路徑
變換
(1) 平移
(2) 縮放
(3) 旋轉
漸變
(1) 線性漸變
(2) 徑向漸變
繪制文本
繪制圖像
使用HTML5 通訊APIs
跨文檔消息通信
源安全
檢測瀏覽器對postMessage的支持
XMLHttpRequest Level2
XMLHttpRequest Level2新增事件
檢測瀏覽器對XMLHttpRequest2的支持
跨域訪問注意事項
HTML5 Web Sockets HTTP特點
如何實現實時(real-time)通訊
WebSocket特性
WebSocket與輪詢方式的比較
Web Socket建立方法
WebSocket 的事件
WebSocket的屬性
漸進增強和降級處理
HTML5 Web Workers Web Workers介紹
Multi-core processor architecture
Web Worker communication
使用 Web Workers APIs
案例應用實踐,練習指導
地理定位 地理定位介紹
在瀏覽器中使用地理定位
定位的技術背景
openstreetmap上顯示當前位置
使用googlemaps追蹤位置
案例應用實踐,練習指導
HTML5存儲 為什么需要本地存儲
本地存儲的限制
Web存儲的兩種類型
判斷瀏覽器是否支持WebStorage
存取信息
storage事件
Web SQL
IndexedDB
CSS3講解 CSS3概述
半透明效果
CSS3屬性選擇器
邊框樣式
(1) border-radius:圓角邊框
(2) border-image:圖片邊框
(3) box-shadow:為邊框添加陰影
文本樣式
(1) Text-shadow:文本陰影樣式
(2) Text-overflow:文本溢出樣式
背景色漸變
(1) Linear-gradient:線性漸變函數
(2) Radial-gradient:徑向漸變函數
(3) 在線生成漸變效果
元素變形
(1) transform : rotate(旋轉變形)
(2) transform:scale(縮放變形)
(3) transform:translate(位移變形)
(4) transform:skew(傾斜變形)
效果過渡
(1) transition-property : 參與過渡效果的樣式
(2) transition-duration: 過渡效果的持續時間
(3) transition-delay: 產生過渡效果前的等待時間
(4) transition-timing-function: 過渡效果控制
jQuery Mobile jQuery Mobile設計的技術思考和商業思考
jQuery Mobile入門初體驗;
使用頁眉、工具欄和標簽欄;
jQuery Mobile中的表單和按鈕;
jQuery Mobile中的列表;
jQuery Mobile和CSS結合;
jQuery Mobile主題;
jQuery Mobile的API;
和服務器集成;
jQuery Mobile和HTML5開發框架PhoneGap結合
|
|
|
|
|
|